<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>login page</title>

<style>
#wrap {
	width: 850px;
	height: 570px;
	display: table-cell;
	vertical-align: middle;
}

#form_div {
	width: 850px;
	height: 300px;
}

#form_top,#form_bottom {
	width: 850px;
	height: 50px;
	background-color: #160952;
}

#form_top { /* border-bottom: 4px solid; */
	color: white;
	font-size: 30px;
	font-family: 'Lobster', cursive; line-height : 60px;
	text-align: left;
	vertical-align: bottom;
	line-height: 60px;
}

#form_bottom{
	color: white;
	font-size: 15px;
	font-family: 'Nanum Gothic', sans-serif;
	vertical-align: bottom;
	line-height: 50px;
}


#form_center {
	width: 850px;
	height: 200px;
}

#form_login {
	width: 390px;
	text-align: right;
	padding-top: 40px;
	padding-right: 10px;
	height: 160px;
	float: left;
	font-size: 20px;
	font-family: 'Nanum Gothic', sans-serif;
}

#form_login_btn {
	width: 100px;
	height: 160px;
	float: left;
	padding-top: 40px;
}

#form_image {
	width: 330px;
	height: 180px;
	float: left;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.form_login input {
	width: 250px;
	height: 50px;
	font-size: 20px;
	text-align: right;
	margin-bottom: 10px;
	font-family: 'Nanum Gothic', sans-serif;
}

#image_btn {
	background-image: url(../images/loginbtn2.png);
	width: 100px;
	height: 120px;
	border: 0px solid;
}
</style>
</head>
<body>
	<%
		String sessionID = (String) session.getAttribute("mid");
		if (sessionID == null || sessionID == "") {
			
		String fail = request.getParameter("fail");
		
	%>
	<form name='loginFrm' method='post'
		action='Main.jsp?inc_content=login_result.jsp'>
		<div id="wrap">
			<div id="form_div">

				<div id='form_top'>　Welcome to Cold Eyes</div>
				<div id='form_center'>
					<div id='form_login' class='form_login'>
						아이디 <input type="text" name="mid"><br /> 비밀번호 <input
							type="password" name="pwd">
					</div>
					<div id='form_login_btn'>
						<input type="submit" value="" id="image_btn">
					</div>
					<div id='form_image'>
						<img src='../images/login_image.png' width=100% height=100%>
					</div>
				</div>
				<div id='form_bottom'>
				<%
					if (fail != null){
				%>
					　아이디 또는 비밀번호를 다시 확인하세요.
				<%} %>
				</div>

			</div>
			<%
				}
			%>
		</div>
	</form>
</body>
</html>







